<template>
<view class="paper-item" hover-class="hover">
	<view class="box">
		<!-- 头像 -->
		 <image class="listAva" :src='thumbnail'></image>
		 <!-- 文字内容 -->
			<view class="name">
				<view class="content">{{infoName}}</view>
				<view class="name_bot_txt" v-if="infoNode">
					<view class="name_line"><text>{{infoNode}}</text></view>
				</view>
			 <slot name="nameBot"></slot>
			</view>
			<!-- 分数右侧 -->
			<slot name='right'></slot>
	</view>
	</view>
</template>

<script>
export default {
	props: {
		thumbnail: {//头像
			type: String
		},
		score: {//分数
			type: Boolean,
			default: false
		},
		infoName:{//标题
			type:String
		},
		infoNode:{//备注
			type:String
		}
	}
};
</script>

<style scoped lang="scss">
	.listAva{width: 86upx; height:86upx;border-radius: 100upx; margin-right: 30upx;}
	.paper-item{
		margin: 0;
		padding: 0 35upx;
		border-bottom: none;
	}
	.box{
		width: 100%;
		display: flex;
		padding: 35upx 0;
		border-bottom: 1px solid #EBEBEB;
	}
	.name{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		width: 75%;
	}
	.name_bot_txt{
		display: flex;
		justify-content: start;
		margin-top: 15upx;
		width: 100%;
		.name_line{
			width: 100%;
			display: flex;
			justify-content: start;
			align-items: center;
			color: #A6A6A6;
		}
		text{
			display: block;
			height: 35upx;
			overflow: hidden;
		}
	}
</style>
